<template>
<div class="body">
 <Above></Above>
 <div style="overflow: hidden">
<!--  左侧固定-->
  <left class="left"></left>
<!--  右侧通过左侧单击跳转-->
  <div class="right">
  <router-view ></router-view>
 </div>
 </div>
<!-- 上传文件区域通过右侧区域的上传按钮控制-->
<!-- <popup class="popup"></popup>-->
</div>
</template>

<script>


import Above from "../components/Above";
// import popup from "../components/popup";




import left from "../components/Left"

// import popup from "../components/popup";
export default {
  name: 'Home',
  data() {
    return {
    };
  },
  methods: {

  },
  components: {

    left,
    Above,
    // popup


    // popup
  }
}
</script>

<style scoped lang="less">
 *{
  padding: 0;
  margin: 0;
 }
 .body {
  width: 1440px;
  height: 876px;
  margin: auto;
  background-color: #FFFFFF;
  position: relative;
  .popup{
   position: absolute;
   top: 150px;
   left: 304px;
  }
 }

 .title{
  width: 1440px;
  height: 64px;
  background: #001529;
 }
 .left{
  float: left;
  background-color: #FFFFFF;
 }

 .right{
  width: 1184px;
  height: 812px;
  margin-left: 256px;
  padding: 16px 24px 0;
  box-sizing: border-box;
  background: #F0F2F5;
 }
</style>

